﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <link href="../../WF/Portal/layui/css/layui.css" rel="stylesheet" />
    <script type="text/javascript" src="../../WF/Scripts/bootstrap/js/jquery.min.js"></script>
    <script src="../../WF/Scripts/QueryString.js" type="text/javascript"></script>
    <script src="../../WF/Scripts/config.js" type="text/javascript"></script>
    <script src="../../WF/Comm/Gener.js" type="text/javascript"></script>
    <script src="../../WF/Portal/layui/layui.js" type="text/javascript"></script>
    <script src="../../WF/Scripts/layui/LayuiDialog.js" type="text/javascript"></script>
    <script src="../../WF/Portal/js/vue/vue.js" type="text/javascript"></script>
    <link href="../../WF/Style/skin/adminfont/iconfont.css" rel="stylesheet" />
    <link href="elcss.css" rel="stylesheet" />
    <link href="zupu.css" rel="stylesheet" />
    <link href="fonts.css" rel="stylesheet" />
    <style>
        html, body {
            background: #f6f6f6
        }
        .demo {
            padding: 5px 0;
            margin: 1px 10px;
            text-align: left;
            font-size: 16px;
            max-width: 500px;
            border-left: 1px dashed #999;
        }
    </style>
</head>
<body>
    <div class="zp-tree" id="zp-tree">
        <div class="header">
            <div class="header-inner">
                <div class="nav">
                    <div class="px-nav-left">
                        <div class="nav-item nav-search">
                            <div class="el-input el-input--mini el-input--suffix">
                                <input type="text" autocomplete="off" placeholder="请输入内容" class="el-input__inner" />
                                <span class="el-input__suffix"><span class="el-input__suffix-inner"><i class="el-input__icon el-icon-search"></i></span></span>
                            </div>
                        </div>
                        <div>
                            <label class="el-checkbox" :class="ShowXing? 'is-checked':''" @click.stop="ShowXing=!ShowXing">
                                <span class="el-checkbox__input" :class="ShowXing? 'is-checked':''"><span class="el-checkbox__inner"></span></span><span class="el-checkbox__label">
                                    显示姓

                                </span>
                            </label>
                            <label class="el-checkbox" :class="ShowNv? 'is-checked':''" @click.stop="ShowNv=!ShowNv">
                                <span class="el-checkbox__input" :class="ShowNv? 'is-checked':''"><span class="el-checkbox__inner"></span></span><span class="el-checkbox__label">
                                    显示女性

                                </span>
                            </label>
                            <label class="el-checkbox" :class="ShowShi? 'is-checked':''" @click.stop="ShowShi=!ShowShi">
                                <span class="el-checkbox__input" :class="ShowShi? 'is-checked':''"><span class="el-checkbox__inner"></span></span><span class="el-checkbox__label">
                                    显示排行
                                </span>
                            </label>

                        </div>
                    </div>
                    <div class="px-nav-right">
                        <div class="nav-item" @click.stop="ShowCateEdit=true">
                            <div class="title">

                                <i class="iconfont icon-xitong"></i>
                                <span class="span-title">管理</span>

                            </div>
                        </div>
                        <div class="nav-item">
                            <div class="title">
                                <a href="Default.htm">
                                    <i class="iconfont icon-jiedian-"></i>
                                    <span class="span-title">谱系</span>
                                </a>
                            </div>
                        </div>
                        <div class="nav-item">
                            <div class="title">
                                <a href="ZpBook.htm">
                                    <i class="iconfont icon-book"></i>
                                    <span class="span-title">谱书</span>
                                </a>
                            </div>
                        </div>
                        <div class="nav-item">
                            <div class="title">
                                <a href="ZpPage.htm">
                                    <i class="iconfont icon-wenjian3"></i>
                                    <span class="span-title">谱文</span>
                                </a>
                            </div>
                        </div>
                        <div class="nav-item">
                            <div class="title">
                                <i class="iconfont icon-Save"></i>
                                <span class="span-title">保存</span>
                            </div>
                        </div>
                        <div class="nav-item">
                            <div class="title">
                                <i class="iconfont icon-shanchu1"></i>
                                <span class="span-title">删除</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="h-main">
            <div class="h-right">
                <div id="tree-box" class="tree-box">
                    <div class="root">                        
                            <tree-item class="node expand last-item"
                                       :item="treeData"
                                       @make-folder="makeFolder"
                                       @add-item="addItem"></tree-item>
                       
                    </div>
                </div>
                <div class="info-box">
                    <div class="info-r " :class="ShowRight?'full':'simple'">
                        <div class="info-r-inner" :class="ShowRight?'':'simple'" v-if="ShowRight==false">
                            <div class="title">
                                <div data-v-235b253a="">
                                    基本信息
                                </div>
                                <i class="icon h-icon-zuo" @click.stop="ShowRight=!ShowRight"></i>
                            </div>
                            <div class="photo">
                                <div data-v-235b253a="" class="h-img-box" style="width:100px;height:100px">
                                    <div>
                                        <div class="close-bg">
                                            <i class="el-icon-error close"></i>
                                        </div>
                                        <div class="el-image" style="width:100px;height:100px">
                                            <img src="https://bjyp.huchiu.com/images/default/photo.png" class="el-image__inner" style="object-fit:contain" />
                                        </div>
                                        <div class="img-tips">
                                            点击更换
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="name">
                                    性 别
                                </div>
                                <div class="value">
                                    <div data-v-235b253a="" role="radiogroup" class="el-radio-group radio-sex">
                                        <label data-v-235b253a="" role="radio" aria-checked="true" tabindex="0" class="el-radio sex-item is-checked"><span class="el-radio__input is-checked"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="男" /></span><span class="el-radio__label">男</span></label>
                                        <label data-v-235b253a="" role="radio" tabindex="-1" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="女" /></span><span class="el-radio__label">女</span></label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="name">
                                    姓 氏
                                </div>
                                <div class="value">
                                    <div class="el-input el-input--small">
                                        <input type="text" autocomplete="off" placeholder="戚" class="el-input__inner" />
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="name">
                                    名 字
                                </div>
                                <div class="value">
                                    <div class="el-input el-input--small">
                                        <input type="text" autocomplete="off" class="el-input__inner" />
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="name">
                                    常用名
                                </div>
                                <div class="value">
                                    <div class="el-input el-input--small">
                                        <input type="text" autocomplete="off" class="el-input__inner" />
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="name">
                                    父 母
                                </div>
                                <div class="value">
                                    <div class="el-select el-select--small">
                                        <div class="el-input el-input--small el-input--suffix">
                                            <input type="text" readonly="" autocomplete="off" placeholder="请选择" class="el-input__inner" />
                                            <span class="el-input__suffix"><span class="el-input__suffix-inner"><i class="el-select__caret el-input__icon el-icon-arrow-up"></i></span></span>
                                        </div>
                                        <div class="el-select-dropdown el-popper" style="display:none;min-width:134px">
                                            <div class="el-scrollbar" style="">
                                                <div class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom:-6px;margin-right:-6px">
                                                    <ul class="el-scrollbar__view el-select-dropdown__list">
                                                        <li data-v-235b253a="" class="el-select-dropdown__item selected"><span>请选择</span></li>
                                                    </ul>
                                                </div>
                                                <div class="el-scrollbar__bar is-horizontal">
                                                    <div class="el-scrollbar__thumb" style="transform:translateX(0)"></div>
                                                </div>
                                                <div class="el-scrollbar__bar is-vertical">
                                                    <div class="el-scrollbar__thumb" style="transform:translateY(0)"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="name">
                                    关 系
                                </div>
                                <div class="value">
                                    <div class="el-select el-select--small">
                                        <div class="el-input el-input--small el-input--suffix">
                                            <input type="text" readonly="" autocomplete="off" placeholder="请选择" class="el-input__inner" />
                                            <span class="el-input__suffix"><span class="el-input__suffix-inner"><i class="el-select__caret el-input__icon el-icon-arrow-up"></i></span></span>
                                        </div>
                                        <div class="el-select-dropdown el-popper" style="display:none;min-width:134px">
                                            <div class="el-scrollbar" style="">
                                                <div class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom:-6px;margin-right:-6px">
                                                    <ul class="el-scrollbar__view el-select-dropdown__list">
                                                        <li data-v-235b253a="" class="el-select-dropdown__item selected"><span>生</span></li>
                                                        <li class="el-select-dropdown__item"><span>嗣</span></li>
                                                        <li class="el-select-dropdown__item"><span>祧</span></li>
                                                        <li class="el-select-dropdown__item"><span>抚</span></li>
                                                    </ul>
                                                </div>
                                                <div class="el-scrollbar__bar is-horizontal">
                                                    <div class="el-scrollbar__thumb" style="transform:translateX(0)"></div>
                                                </div>
                                                <div class="el-scrollbar__bar is-vertical">
                                                    <div class="el-scrollbar__thumb" style="transform:translateY(0)"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="name">
                                    生 于
                                </div>
                                <div class="value">
                                    <div data-v-0d38f196="" data-v-235b253a="">
                                        <div data-v-0d38f196="" class="date-wrap">
                                            <div data-v-0d38f196="" class="el-date-editor date-picker w140 m-r-10 el-input el-input--small el-input--prefix el-input--suffix el-date-editor--date">
                                                <input type="text" autocomplete="off" name="data-birthDate-dataBirthDate" placeholder="选择日期" class="el-input__inner" />
                                                <span class="el-input__prefix"><i class="el-input__icon el-icon-date"></i></span>
                                                <span class="el-input__suffix"><span class="el-input__suffix-inner"><i class="el-input__icon"></i></span></span>
                                            </div>
                                            <div data-v-0d38f196="" class="date-cascader el-cascader el-cascader--mini">
                                                <div class="el-input el-input--mini el-input--suffix">
                                                    <input type="text" autocomplete="off" placeholder="请选择" class="el-input__inner" />
                                                    <span class="el-input__suffix"><span class="el-input__suffix-inner"><i class="el-input__icon el-icon-arrow-down"></i></span></span>
                                                </div>
                                                <div class="el-popper el-cascader__dropdown component-datetime-cascader" style="display:none">
                                                    <div class="el-cascader-panel">
                                                        <div class="el-scrollbar el-cascader-menu" role="menu" id="cascader-menu-3116-0">
                                                            <div class="el-cascader-menu__wrap el-scrollbar__wrap" style="margin-bottom:-6px;margin-right:-6px">
                                                                <ul class="el-scrollbar__view el-cascader-menu__list">
                                                                    <li role="menuitem" id="cascader-menu-3116-0-0" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-3116-0"><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="公元" /></span><span class="el-radio__label"><span></span></span></label><span class="el-cascader-node__label">公元</span><i class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
                                                                    <li role="menuitem" id="cascader-menu-3116-0-1" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-3116-0"><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="民国" /></span><span class="el-radio__label"><span></span></span></label><span class="el-cascader-node__label">民国</span><i class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
                                                                    <li role="menuitem" id="cascader-menu-3116-0-2" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-3116-0"><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="清朝" /></span><span class="el-radio__label"><span></span></span></label><span class="el-cascader-node__label">清朝</span><i class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
                                                                    <li role="menuitem" id="cascader-menu-3116-0-3" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-3116-0"><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="明朝" /></span><span class="el-radio__label"><span></span></span></label><span class="el-cascader-node__label">明朝</span><i class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
                                                                    <li role="menuitem" id="cascader-menu-3116-0-4" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-3116-0"><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="元朝" /></span><span class="el-radio__label"><span></span></span></label><span class="el-cascader-node__label">元朝</span><i class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
                                                                    <li role="menuitem" id="cascader-menu-3116-0-5" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-3116-0"><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="南宋" /></span><span class="el-radio__label"><span></span></span></label><span class="el-cascader-node__label">南宋</span><i class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
                                                                    <li role="menuitem" id="cascader-menu-3116-0-6" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-3116-0"><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="北宋" /></span><span class="el-radio__label"><span></span></span></label><span class="el-cascader-node__label">北宋</span><i class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
                                                                    <li role="menuitem" id="cascader-menu-3116-0-7" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-3116-0"><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="唐朝" /></span><span class="el-radio__label"><span></span></span></label><span class="el-cascader-node__label">唐朝</span><i class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
                                                                    <li role="menuitem" id="cascader-menu-3116-0-8" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-3116-0"><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="唐朝以前" /></span><span class="el-radio__label"><span></span></span></label><span class="el-cascader-node__label">唐朝以前</span><i class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
                                                                </ul>
                                                            </div>
                                                            <div class="el-scrollbar__bar is-horizontal">
                                                                <div class="el-scrollbar__thumb" style="transform:translateX(0)"></div>
                                                            </div>
                                                            <div class="el-scrollbar__bar is-vertical">
                                                                <div class="el-scrollbar__thumb" style="transform:translateY(0)"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="el-cascader__suggestion-panel el-scrollbar" style="display:none">
                                                        <div class="el-scrollbar__wrap" style="margin-bottom:-6px;margin-right:-6px">
                                                            <ul class="el-scrollbar__view el-cascader__suggestion-list" style="min-width:134px">
                                                                <li class="el-cascader__empty-text">无匹配数据</li>
                                                            </ul>
                                                        </div>
                                                        <div class="el-scrollbar__bar is-horizontal">
                                                            <div class="el-scrollbar__thumb" style="transform:translateX(0)"></div>
                                                        </div>
                                                        <div class="el-scrollbar__bar is-vertical">
                                                            <div class="el-scrollbar__thumb" style="transform:translateY(0)"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div data-v-0d38f196="" class="date-input el-input el-input--small el-input-group el-input-group--prepend el-input--suffix">
                                                <div class="el-input-group__prepend">
                                                    <i data-v-0d38f196="" title="无法识别,排版时将不能使用系统自动转换时间格式功能,只能按照输入原样输出" class="icon el-icon-warning-outline"></i>
                                                </div>
                                                <input type="text" autocomplete="off" placeholder="请输入出生日期" class="el-input__inner" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="name">
                                    健 在
                                </div>
                                <div class="value">
                                    <div data-v-235b253a="" role="radiogroup" class="el-radio-group radio-sex">
                                        <label data-v-235b253a="" role="radio" aria-checked="true" tabindex="0" class="el-radio sex-item is-checked"><span class="el-radio__input is-checked"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="0" /></span><span class="el-radio__label">是</span></label>
                                        <label data-v-235b253a="" role="radio" tabindex="-1" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="1" /></span><span class="el-radio__label">否</span></label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <button data-v-235b253a="" type="button" class="el-button btn-single el-button--primary el-button--small is-plain"><span>绑定用户</span></button>
                            </div>
                            <div class="list">
                                <div class="list-title">
                                    子女信息(1)
                                </div>
                                <div class="list-item">
                                    <div class="fixed relation">
                                        长子
                                    </div>
                                    <div class="name">
                                        1
                                    </div>
                                    <i data-v-235b253a="" class="fixed icon h-icon-shangsheng disabled"></i>
                                    <i data-v-235b253a="" class="fixed icon h-icon-xiajiang disabled"></i>
                                </div>
                            </div>
                        </div>

                        <div class="info-r-inner" v-if="ShowRight==true">
                            <div class="tabs">
                                <span class="item on">基本信息</span>
                                <span class="item">快捷录入</span>
                                <span class="item">帮助说明</span>
                                <span class="item">用户纠错</span>
                                <div class="blank"></div>
                                <i class="icon h-icon-you" @click.stop="ShowRight=!ShowRight"></i>
                            </div>
                            <div class="info-content">
                                <div class="top-row">
                                    <div class="user">
                                        <div class="photo">
                                            <div class="h-img-box" style="width: 100px; height: 100px;">
                                                <div>
                                                    <div class="close-bg">
                                                        <i class="el-icon-error close"></i>
                                                    </div>
                                                    <div class="el-image" style="width: 100px; height: 100px;">
                                                        <img src="https://bjyp.huchiu.com/images/default/photo.png" class="el-image__inner" style="object-fit: contain;">
                                                    </div>
                                                    <div class="img-tips">点击更换</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div role="radiogroup" class="el-radio-group radio-sex">
                                            <label role="radio" aria-checked="true" tabindex="0" class="el-radio sex-item is-checked">
                                                <span class="el-radio__input is-checked">
                                                    <span class="el-radio__inner"></span>
                                                    <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="男">
                                                </span>
                                                <span class="el-radio__label">
                                                    男
                                                </span>
                                            </label>
                                            <label role="radio" tabindex="-1" class="el-radio">
                                                <span class="el-radio__input">
                                                    <span class="el-radio__inner"></span>
                                                    <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="女">
                                                </span>
                                                <span class="el-radio__label">
                                                    女
                                                </span>
                                            </label>
                                        </div>
                                        <button type="button" class="el-button el-button--primary el-button--small is-plain">


                                            <span>绑定用户</span>
                                        </button>
                                    </div>
                                    <div class="top-row-r">
                                        <div class="setting-item-row">
                                            <div class="label">姓 氏</div>
                                            <div class="w110 el-input el-input--small">

                                                <input type="text" autocomplete="off" placeholder="戚" class="el-input__inner">



                                            </div>
                                            <div class="label">名 字</div>
                                            <div class="w90 el-input el-input--small">

                                                <input type="text" autocomplete="off" placeholder="请输入" class="el-input__inner">



                                            </div>
                                            <div class="label">常用名</div>
                                            <div class="w90 el-input el-input--small">

                                                <input type="text" autocomplete="off" placeholder="常用名字" class="el-input__inner">



                                            </div>
                                            <div class="label">别 名</div>
                                            <div class="w100 el-input el-input--small">

                                                <input type="text" autocomplete="off" placeholder="字、号等" class="el-input__inner">



                                            </div>
                                        </div>
                                        <div class="setting-item-row">
                                            <div class="label">头 衔</div>
                                            <div class="w110 el-input el-input--small">

                                                <input type="text" autocomplete="off" placeholder="请输入" class="el-input__inner">



                                            </div>
                                            <div class="label">字 辈</div>
                                            <div class="w90 el-input el-input--small">

                                                <input type="text" autocomplete="off" placeholder="请输入" class="el-input__inner">



                                            </div>
                                            <div class="label">排 行</div>
                                            <div class="el-select w90 el-select--small">

                                                <div class="el-input el-input--small el-input--suffix">

                                                    <input type="text" readonly="readonly" autocomplete="off" placeholder="请选择" class="el-input__inner">

                                                    <span class="el-input__suffix">
                                                        <span class="el-input__suffix-inner">
                                                            <i class="el-select__caret el-input__icon el-icon-arrow-up"></i>




                                                        </span>
                                                    </span>

                                                </div>
                                                <div class="el-select-dropdown el-popper" style="display: none; min-width: 90px;">
                                                    <div class="el-scrollbar" style="">
                                                        <div class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom: -6px; margin-right: -6px;">
                                                            <ul class="el-scrollbar__view el-select-dropdown__list">

                                                                <li class="el-select-dropdown__item selected hover">
                                                                    <span>长子</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>次子</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>三子</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>四子</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>五子</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>六子</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>七子</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>八子</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>九子</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>十子</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>十一子</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>十二子</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>十三子</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>十四子</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>十五子</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>十六子</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>十七子</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>十八子</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>十九子</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>二十子</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>之子</span>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div class="el-scrollbar__bar is-horizontal">
                                                            <div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
                                                        </div>
                                                        <div class="el-scrollbar__bar is-vertical">
                                                            <div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="label">状 态</div>
                                            <div class="el-select w100 el-select--small">

                                                <div class="el-input el-input--small el-input--suffix">

                                                    <input type="text" readonly="readonly" autocomplete="off" placeholder="请选择" class="el-input__inner">

                                                    <span class="el-input__suffix">
                                                        <span class="el-input__suffix-inner">
                                                            <i class="el-select__caret el-input__icon el-icon-arrow-up"></i>




                                                        </span>
                                                    </span>

                                                </div>
                                                <div class="el-select-dropdown el-popper" style="display: none; min-width: 100px;">
                                                    <div class="el-scrollbar" style="">
                                                        <div class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom: -6px; margin-right: -6px;">
                                                            <ul class="el-scrollbar__view el-select-dropdown__list">

                                                                <li class="el-select-dropdown__item selected">
                                                                    <span>在世</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>过世</span>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div class="el-scrollbar__bar is-horizontal">
                                                            <div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
                                                        </div>
                                                        <div class="el-scrollbar__bar is-vertical">
                                                            <div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="setting-item-row">
                                            <div class="label">父 母</div>
                                            <div class="el-select w110 el-select--small">

                                                <div class="el-input el-input--small el-input--suffix">

                                                    <input type="text" readonly="readonly" autocomplete="off" placeholder="请选择" class="el-input__inner">

                                                    <span class="el-input__suffix">
                                                        <span class="el-input__suffix-inner">
                                                            <i class="el-select__caret el-input__icon el-icon-arrow-up"></i>




                                                        </span>
                                                    </span>

                                                </div>
                                                <div class="el-select-dropdown el-popper" style="display: none; min-width: 110px;">
                                                    <div class="el-scrollbar" style="">
                                                        <div class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom: -6px; margin-right: -6px;">
                                                            <ul class="el-scrollbar__view el-select-dropdown__list">

                                                                <li class="el-select-dropdown__item selected">
                                                                    <span>无</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>戚234&amp;123132</span>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div class="el-scrollbar__bar is-horizontal">
                                                            <div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
                                                        </div>
                                                        <div class="el-scrollbar__bar is-vertical">
                                                            <div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="label">关 系</div>
                                            <div class="el-select w90 el-select--small">

                                                <div class="el-input el-input--small el-input--suffix">

                                                    <input type="text" readonly="readonly" autocomplete="off" placeholder="请选择" class="el-input__inner">

                                                    <span class="el-input__suffix">
                                                        <span class="el-input__suffix-inner">
                                                            <i class="el-select__caret el-input__icon el-icon-arrow-up"></i>




                                                        </span>
                                                    </span>

                                                </div>
                                                <div class="el-select-dropdown el-popper" style="display: none; min-width: 90px;">
                                                    <div class="el-scrollbar" style="">
                                                        <div class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom: -6px; margin-right: -6px;">
                                                            <ul class="el-scrollbar__view el-select-dropdown__list">

                                                                <li class="el-select-dropdown__item selected">
                                                                    <span>生</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>嗣</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>祧</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <span>抚</span>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <div title="生成谱书时不会显示此人物的后代" class="relation-option">
                                                                        <span data-v-2c1fae5c="">奉祀</span>
                                                                        <i class="el-icon-question"></i>
                                                                    </div>
                                                                </li>
                                                                <li class="el-select-dropdown__item">
                                                                    <div title="适用于插入断代人物,在生成谱书时不会跟父母有任何关联" class="relation-option">
                                                                        <span data-v-2c1fae5c="">无</span>
                                                                        <i class="el-icon-question"></i>
                                                                    </div>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div class="el-scrollbar__bar is-horizontal">
                                                            <div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
                                                        </div>
                                                        <div class="el-scrollbar__bar is-vertical">
                                                            <div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="label">配 偶</div>
                                            <div class="el-select w90 el-select--small">

                                                <div class="el-input el-input--small el-input--suffix">

                                                    <input type="text" readonly="readonly" autocomplete="off" placeholder="请选择" class="el-input__inner">

                                                    <span class="el-input__suffix">
                                                        <span class="el-input__suffix-inner">
                                                            <i class="el-select__caret el-input__icon el-icon-arrow-up"></i>




                                                        </span>
                                                    </span>

                                                </div>
                                                <div class="el-select-dropdown el-popper" style="display: none; min-width: 90px;">
                                                    <div class="el-scrollbar" style="display: none;">
                                                        <div class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom: -6px; margin-right: -6px;">
                                                            <ul class="el-scrollbar__view el-select-dropdown__list"></ul>
                                                        </div>
                                                        <div class="el-scrollbar__bar is-horizontal">
                                                            <div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
                                                        </div>
                                                        <div class="el-scrollbar__bar is-vertical">
                                                            <div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
                                                        </div>
                                                    </div>
                                                    <p class="el-select-dropdown__empty">无数据</p>
                                                </div>
                                            </div>
                                            <div class="label">关 系</div>
                                            <div class="w100 el-input el-input--small is-disabled">

                                                <input type="text" disabled="disabled" autocomplete="off" class="el-input__inner">



                                            </div>
                                        </div>
                                        <div class="setting-item-row">
                                            <div class="label">世 数</div>
                                            <div class="w110 el-input el-input--small is-disabled">

                                                <input type="text" disabled="disabled" autocomplete="off" class="el-input__inner">



                                            </div>
                                            <div class="label">履 历</div>
                                            <div class="w130 m-r-15 el-input el-input--small">

                                                <input type="text" autocomplete="off" placeholder="学历" class="el-input__inner">



                                            </div>
                                            <div class="w130 m-r-15 el-input el-input--small">

                                                <input type="text" autocomplete="off" placeholder="就职单位" class="el-input__inner">



                                            </div>
                                            <div class="w130 el-input el-input--small">

                                                <input type="text" autocomplete="off" placeholder="职位" class="el-input__inner">



                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="setting-item-row">
                                    <div class="label">出 生</div>
                                    <div data-v-0d38f196="" class="w240 m-r-10">
                                        <div data-v-0d38f196="" class="date-wrap">
                                            <div data-v-0d38f196="" class="el-date-editor date-picker w140 m-r-10 el-input el-input--small el-input--prefix el-input--suffix el-date-editor--date">

                                                <input type="text" autocomplete="off" name="data-birthDate-dataBirthDate" placeholder="选择日期" class="el-input__inner">
                                                <span class="el-input__prefix">
                                                    <i class="el-input__icon el-icon-date"></i>
                                                </span>
                                                <span class="el-input__suffix">
                                                    <span class="el-input__suffix-inner">
                                                        <i class="el-input__icon"></i>



                                                    </span>
                                                </span>

                                            </div>
                                            <div data-v-0d38f196="" class="date-cascader el-cascader el-cascader--mini">
                                                <div class="el-input el-input--mini el-input--suffix">

                                                    <input type="text" autocomplete="off" placeholder="请选择" class="el-input__inner">

                                                    <span class="el-input__suffix">
                                                        <span class="el-input__suffix-inner">
                                                            <i class="el-input__icon el-icon-arrow-down"></i>



                                                        </span>
                                                    </span>

                                                </div>

                                                <div class="el-popper el-cascader__dropdown component-datetime-cascader" style="display: none;">
                                                    <div class="el-cascader-panel">
                                                        <div class="el-scrollbar el-cascader-menu" role="menu" id="cascader-menu-8019-0">
                                                            <div class="el-cascader-menu__wrap el-scrollbar__wrap" style="margin-bottom: -6px; margin-right: -6px;">
                                                                <ul class="el-scrollbar__view el-cascader-menu__list">
                                                                    <li role="menuitem" id="cascader-menu-8019-0-0" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8019-0">
                                                                        <label role="radio" tabindex="0" class="el-radio">
                                                                            <span class="el-radio__input">
                                                                                <span class="el-radio__inner"></span>
                                                                                <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="公元">
                                                                            </span>
                                                                            <span class="el-radio__label">
                                                                                <span></span>
                                                                            </span>
                                                                        </label>
                                                                        <span class="el-cascader-node__label">公元</span>
                                                                        <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
                                                                    </li>
                                                                    <li role="menuitem" id="cascader-menu-8019-0-1" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8019-0">
                                                                        <label role="radio" tabindex="0" class="el-radio">
                                                                            <span class="el-radio__input">
                                                                                <span class="el-radio__inner"></span>
                                                                                <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="民国">
                                                                            </span>
                                                                            <span class="el-radio__label">
                                                                                <span></span>
                                                                            </span>
                                                                        </label>
                                                                        <span class="el-cascader-node__label">民国</span>
                                                                        <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
                                                                    </li>
                                                                    <li role="menuitem" id="cascader-menu-8019-0-2" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8019-0">
                                                                        <label role="radio" tabindex="0" class="el-radio">
                                                                            <span class="el-radio__input">
                                                                                <span class="el-radio__inner"></span>
                                                                                <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="清朝">
                                                                            </span>
                                                                            <span class="el-radio__label">
                                                                                <span></span>
                                                                            </span>
                                                                        </label>
                                                                        <span class="el-cascader-node__label">清朝</span>
                                                                        <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
                                                                    </li>
                                                                    <li role="menuitem" id="cascader-menu-8019-0-3" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8019-0">
                                                                        <label role="radio" tabindex="0" class="el-radio">
                                                                            <span class="el-radio__input">
                                                                                <span class="el-radio__inner"></span>
                                                                                <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="明朝">
                                                                            </span>
                                                                            <span class="el-radio__label">
                                                                                <span></span>
                                                                            </span>
                                                                        </label>
                                                                        <span class="el-cascader-node__label">明朝</span>
                                                                        <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
                                                                    </li>
                                                                    <li role="menuitem" id="cascader-menu-8019-0-4" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8019-0">
                                                                        <label role="radio" tabindex="0" class="el-radio">
                                                                            <span class="el-radio__input">
                                                                                <span class="el-radio__inner"></span>
                                                                                <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="元朝">
                                                                            </span>
                                                                            <span class="el-radio__label">
                                                                                <span></span>
                                                                            </span>
                                                                        </label>
                                                                        <span class="el-cascader-node__label">元朝</span>
                                                                        <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
                                                                    </li>
                                                                    <li role="menuitem" id="cascader-menu-8019-0-5" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8019-0">
                                                                        <label role="radio" tabindex="0" class="el-radio">
                                                                            <span class="el-radio__input">
                                                                                <span class="el-radio__inner"></span>
                                                                                <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="南宋">
                                                                            </span>
                                                                            <span class="el-radio__label">
                                                                                <span></span>
                                                                            </span>
                                                                        </label>
                                                                        <span class="el-cascader-node__label">南宋</span>
                                                                        <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
                                                                    </li>
                                                                    <li role="menuitem" id="cascader-menu-8019-0-6" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8019-0">
                                                                        <label role="radio" tabindex="0" class="el-radio">
                                                                            <span class="el-radio__input">
                                                                                <span class="el-radio__inner"></span>
                                                                                <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="北宋">
                                                                            </span>
                                                                            <span class="el-radio__label">
                                                                                <span></span>
                                                                            </span>
                                                                        </label>
                                                                        <span class="el-cascader-node__label">北宋</span>
                                                                        <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
                                                                    </li>
                                                                    <li role="menuitem" id="cascader-menu-8019-0-7" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8019-0">
                                                                        <label role="radio" tabindex="0" class="el-radio">
                                                                            <span class="el-radio__input">
                                                                                <span class="el-radio__inner"></span>
                                                                                <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="唐朝">
                                                                            </span>
                                                                            <span class="el-radio__label">
                                                                                <span></span>
                                                                            </span>
                                                                        </label>
                                                                        <span class="el-cascader-node__label">唐朝</span>
                                                                        <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
                                                                    </li>
                                                                    <li role="menuitem" id="cascader-menu-8019-0-8" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8019-0">
                                                                        <label role="radio" tabindex="0" class="el-radio">
                                                                            <span class="el-radio__input">
                                                                                <span class="el-radio__inner"></span>
                                                                                <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="唐朝以前">
                                                                            </span>
                                                                            <span class="el-radio__label">
                                                                                <span></span>
                                                                            </span>
                                                                        </label>
                                                                        <span class="el-cascader-node__label">唐朝以前</span>
                                                                        <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                            <div class="el-scrollbar__bar is-horizontal">
                                                                <div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
                                                            </div>
                                                            <div class="el-scrollbar__bar is-vertical">
                                                                <div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="el-cascader__suggestion-panel el-scrollbar" style="display: none;">
                                                        <div class="el-scrollbar__wrap" style="margin-bottom: -6px; margin-right: -6px;">
                                                            <ul class="el-scrollbar__view el-cascader__suggestion-list" style="min-width: 180px;">
                                                                <li class="el-cascader__empty-text">无匹配数据</li>
                                                            </ul>
                                                        </div>
                                                        <div class="el-scrollbar__bar is-horizontal">
                                                            <div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
                                                        </div>
                                                        <div class="el-scrollbar__bar is-vertical">
                                                            <div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div data-v-0d38f196="" class="date-input el-input el-input--small el-input-group el-input-group--prepend el-input--suffix">
                                                <div class="el-input-group__prepend">
                                                    <i data-v-0d38f196="" title="无法识别,排版时将不能使用系统自动转换时间格式功能,只能按照输入原样输出" class="icon el-icon-warning-outline"></i>
                                                </div>
                                                <input type="text" autocomplete="off" placeholder="请输入出生日期" class="el-input__inner">



                                            </div>
                                        </div>
                                    </div>
                                    <div class="el-select w80 el-select--small">

                                        <div class="el-input el-input--small el-input--suffix">

                                            <input type="text" readonly="readonly" autocomplete="off" placeholder="时辰" class="el-input__inner">

                                            <span class="el-input__suffix">
                                                <span class="el-input__suffix-inner">
                                                    <i class="el-select__caret el-input__icon el-icon-arrow-up"></i>




                                                </span>
                                            </span>

                                        </div>
                                        <div class="el-select-dropdown el-popper" style="display: none; min-width: 80px;">
                                            <div class="el-scrollbar" style="">
                                                <div class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom: -6px; margin-right: -6px;">
                                                    <ul class="el-scrollbar__view el-select-dropdown__list">

                                                        <li class="el-select-dropdown__item">
                                                            <span>子时</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>丑时</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>寅时</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>卯时</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>辰时</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>巳时</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>午时</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>未时</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>申时</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>酉时</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>戌时</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>亥时</span>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="el-scrollbar__bar is-horizontal">
                                                    <div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
                                                </div>
                                                <div class="el-scrollbar__bar is-vertical">
                                                    <div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="label">身 份</div>
                                    <div class="w160 el-input el-input--small">

                                        <input type="text" autocomplete="off" placeholder="请输入" class="el-input__inner">



                                    </div>
                                    <div class="label" style="width: 50px;">村 庄</div>
                                    <div class="el-input el-input--small w110">
                                        <input type="text" class="el-input__inner">
                                    </div>
                                </div>
                                <div class="setting-item-row">
                                    <div class="label">去 世</div>
                                    <div data-v-0d38f196="" class="w240 m-r-10">
                                        <div data-v-0d38f196="" class="date-wrap">
                                            <div data-v-0d38f196="" class="el-date-editor date-picker w140 m-r-10 el-input el-input--small el-input--prefix el-input--suffix el-date-editor--date">

                                                <input type="text" autocomplete="off" name="data-birthDate-dataBirthDate" placeholder="选择日期" class="el-input__inner">
                                                <span class="el-input__prefix">
                                                    <i class="el-input__icon el-icon-date"></i>
                                                </span>
                                                <span class="el-input__suffix">
                                                    <span class="el-input__suffix-inner">
                                                        <i class="el-input__icon"></i>



                                                    </span>
                                                </span>

                                            </div>
                                            <div data-v-0d38f196="" class="date-cascader el-cascader el-cascader--mini">
                                                <div class="el-input el-input--mini el-input--suffix">

                                                    <input type="text" autocomplete="off" placeholder="请选择" class="el-input__inner">

                                                    <span class="el-input__suffix">
                                                        <span class="el-input__suffix-inner">
                                                            <i class="el-input__icon el-icon-arrow-down"></i>



                                                        </span>
                                                    </span>

                                                </div>

                                                <div class="el-popper el-cascader__dropdown component-datetime-cascader" style="display: none;">
                                                    <div class="el-cascader-panel">
                                                        <div class="el-scrollbar el-cascader-menu" role="menu" id="cascader-menu-8579-0">
                                                            <div class="el-cascader-menu__wrap el-scrollbar__wrap" style="margin-bottom: -6px; margin-right: -6px;">
                                                                <ul class="el-scrollbar__view el-cascader-menu__list">
                                                                    <li role="menuitem" id="cascader-menu-8579-0-0" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8579-0">
                                                                        <label role="radio" tabindex="0" class="el-radio">
                                                                            <span class="el-radio__input">
                                                                                <span class="el-radio__inner"></span>
                                                                                <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="公元">
                                                                            </span>
                                                                            <span class="el-radio__label">
                                                                                <span></span>
                                                                            </span>
                                                                        </label>
                                                                        <span class="el-cascader-node__label">公元</span>
                                                                        <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
                                                                    </li>
                                                                    <li role="menuitem" id="cascader-menu-8579-0-1" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8579-0">
                                                                        <label role="radio" tabindex="0" class="el-radio">
                                                                            <span class="el-radio__input">
                                                                                <span class="el-radio__inner"></span>
                                                                                <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="民国">
                                                                            </span>
                                                                            <span class="el-radio__label">
                                                                                <span></span>
                                                                            </span>
                                                                        </label>
                                                                        <span class="el-cascader-node__label">民国</span>
                                                                        <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
                                                                    </li>
                                                                    <li role="menuitem" id="cascader-menu-8579-0-2" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8579-0">
                                                                        <label role="radio" tabindex="0" class="el-radio">
                                                                            <span class="el-radio__input">
                                                                                <span class="el-radio__inner"></span>
                                                                                <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="清朝">
                                                                            </span>
                                                                            <span class="el-radio__label">
                                                                                <span></span>
                                                                            </span>
                                                                        </label>
                                                                        <span class="el-cascader-node__label">清朝</span>
                                                                        <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
                                                                    </li>
                                                                    <li role="menuitem" id="cascader-menu-8579-0-3" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8579-0">
                                                                        <label role="radio" tabindex="0" class="el-radio">
                                                                            <span class="el-radio__input">
                                                                                <span class="el-radio__inner"></span>
                                                                                <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="明朝">
                                                                            </span>
                                                                            <span class="el-radio__label">
                                                                                <span></span>
                                                                            </span>
                                                                        </label>
                                                                        <span class="el-cascader-node__label">明朝</span>
                                                                        <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
                                                                    </li>
                                                                    <li role="menuitem" id="cascader-menu-8579-0-4" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8579-0">
                                                                        <label role="radio" tabindex="0" class="el-radio">
                                                                            <span class="el-radio__input">
                                                                                <span class="el-radio__inner"></span>
                                                                                <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="元朝">
                                                                            </span>
                                                                            <span class="el-radio__label">
                                                                                <span></span>
                                                                            </span>
                                                                        </label>
                                                                        <span class="el-cascader-node__label">元朝</span>
                                                                        <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
                                                                    </li>
                                                                    <li role="menuitem" id="cascader-menu-8579-0-5" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8579-0">
                                                                        <label role="radio" tabindex="0" class="el-radio">
                                                                            <span class="el-radio__input">
                                                                                <span class="el-radio__inner"></span>
                                                                                <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="南宋">
                                                                            </span>
                                                                            <span class="el-radio__label">
                                                                                <span></span>
                                                                            </span>
                                                                        </label>
                                                                        <span class="el-cascader-node__label">南宋</span>
                                                                        <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
                                                                    </li>
                                                                    <li role="menuitem" id="cascader-menu-8579-0-6" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8579-0">
                                                                        <label role="radio" tabindex="0" class="el-radio">
                                                                            <span class="el-radio__input">
                                                                                <span class="el-radio__inner"></span>
                                                                                <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="北宋">
                                                                            </span>
                                                                            <span class="el-radio__label">
                                                                                <span></span>
                                                                            </span>
                                                                        </label>
                                                                        <span class="el-cascader-node__label">北宋</span>
                                                                        <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
                                                                    </li>
                                                                    <li role="menuitem" id="cascader-menu-8579-0-7" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8579-0">
                                                                        <label role="radio" tabindex="0" class="el-radio">
                                                                            <span class="el-radio__input">
                                                                                <span class="el-radio__inner"></span>
                                                                                <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="唐朝">
                                                                            </span>
                                                                            <span class="el-radio__label">
                                                                                <span></span>
                                                                            </span>
                                                                        </label>
                                                                        <span class="el-cascader-node__label">唐朝</span>
                                                                        <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
                                                                    </li>
                                                                    <li role="menuitem" id="cascader-menu-8579-0-8" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8579-0">
                                                                        <label role="radio" tabindex="0" class="el-radio">
                                                                            <span class="el-radio__input">
                                                                                <span class="el-radio__inner"></span>
                                                                                <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="唐朝以前">
                                                                            </span>
                                                                            <span class="el-radio__label">
                                                                                <span></span>
                                                                            </span>
                                                                        </label>
                                                                        <span class="el-cascader-node__label">唐朝以前</span>
                                                                        <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                            <div class="el-scrollbar__bar is-horizontal">
                                                                <div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
                                                            </div>
                                                            <div class="el-scrollbar__bar is-vertical">
                                                                <div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="el-cascader__suggestion-panel el-scrollbar" style="display: none;">
                                                        <div class="el-scrollbar__wrap" style="margin-bottom: -6px; margin-right: -6px;">
                                                            <ul class="el-scrollbar__view el-cascader__suggestion-list" style="min-width: 180px;">
                                                                <li class="el-cascader__empty-text">无匹配数据</li>
                                                            </ul>
                                                        </div>
                                                        <div class="el-scrollbar__bar is-horizontal">
                                                            <div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
                                                        </div>
                                                        <div class="el-scrollbar__bar is-vertical">
                                                            <div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div data-v-0d38f196="" class="date-input el-input el-input--small el-input-group el-input-group--prepend el-input--suffix">
                                                <div class="el-input-group__prepend">
                                                    <i data-v-0d38f196="" title="无法识别,排版时将不能使用系统自动转换时间格式功能,只能按照输入原样输出" class="icon el-icon-warning-outline"></i>
                                                </div>
                                                <input type="text" autocomplete="off" placeholder="请输入去世日期" class="el-input__inner">



                                            </div>
                                        </div>
                                    </div>
                                    <div class="el-select w80 el-select--small">

                                        <div class="el-input el-input--small el-input--suffix">

                                            <input type="text" readonly="readonly" autocomplete="off" placeholder="时辰" class="el-input__inner">

                                            <span class="el-input__suffix">
                                                <span class="el-input__suffix-inner">
                                                    <i class="el-select__caret el-input__icon el-icon-arrow-up"></i>




                                                </span>
                                            </span>

                                        </div>
                                        <div class="el-select-dropdown el-popper" style="display: none; min-width: 80px;">
                                            <div class="el-scrollbar" style="">
                                                <div class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom: -6px; margin-right: -6px;">
                                                    <ul class="el-scrollbar__view el-select-dropdown__list">

                                                        <li class="el-select-dropdown__item">
                                                            <span>子时</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>丑时</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>寅时</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>卯时</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>辰时</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>巳时</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>午时</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>未时</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>申时</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>酉时</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>戌时</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>亥时</span>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="el-scrollbar__bar is-horizontal">
                                                    <div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
                                                </div>
                                                <div class="el-scrollbar__bar is-vertical">
                                                    <div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="label">葬 址</div>
                                    <div class="w160 el-input el-input--small">

                                        <input type="text" autocomplete="off" placeholder="请输入" class="el-input__inner">



                                    </div>
                                    <div class="label" style="width: 50px;">享 年</div>
                                    <div class="el-select w110 el-select--small">

                                        <div class="el-input el-input--small el-input--suffix">

                                            <input type="text" readonly="readonly" autocomplete="off" placeholder="请选择" class="el-input__inner">

                                            <span class="el-input__suffix">
                                                <span class="el-input__suffix-inner">
                                                    <i class="el-select__caret el-input__icon el-icon-arrow-up"></i>




                                                </span>
                                            </span>

                                        </div>
                                        <div class="el-select-dropdown el-popper" style="display: none; min-width: 110px;">
                                            <div class="el-scrollbar" style="">
                                                <div class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom: -6px; margin-right: -6px;">
                                                    <ul class="el-scrollbar__view el-select-dropdown__list">

                                                        <li class="el-select-dropdown__item">
                                                            <span>0</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>1</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>2</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>3</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>4</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>5</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>6</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>7</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>8</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>9</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>10</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>11</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>12</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>13</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>14</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>15</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>16</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>17</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>18</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>19</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>20</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>21</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>22</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>23</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>24</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>25</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>26</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>27</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>28</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>29</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>30</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>31</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>32</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>33</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>34</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>35</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>36</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>37</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>38</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>39</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>40</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>41</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>42</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>43</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>44</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>45</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>46</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>47</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>48</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>49</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>50</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>51</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>52</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>53</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>54</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>55</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>56</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>57</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>58</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>59</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>60</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>61</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>62</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>63</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>64</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>65</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>66</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>67</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>68</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>69</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>70</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>71</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>72</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>73</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>74</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>75</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>76</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>77</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>78</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>79</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>80</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>81</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>82</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>83</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>84</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>85</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>86</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>87</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>88</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>89</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>90</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>91</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>92</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>93</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>94</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>95</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>96</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>97</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>98</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>99</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>100</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>101</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>102</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>103</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>104</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>105</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>106</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>107</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>108</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>109</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>110</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>111</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>112</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>113</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>114</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>115</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>116</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>117</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>118</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>119</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>120</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>121</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>122</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>123</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>124</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>125</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>126</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>127</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>128</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>129</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>130</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>131</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>132</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>133</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>134</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>135</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>136</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>137</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>138</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>139</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>140</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>141</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>142</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>143</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>144</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>145</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>146</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>147</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>148</span>
                                                        </li>
                                                        <li class="el-select-dropdown__item">
                                                            <span>149</span>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="el-scrollbar__bar is-horizontal">
                                                    <div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
                                                </div>
                                                <div class="el-scrollbar__bar is-vertical">
                                                    <div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="setting-item-row">
                                    <div class="label">生 平</div>
                                    <div class="w330 input-introduction el-textarea el-input--small">
                                        <textarea autocomplete="off" rows="4" placeholder="请输入内容" class="el-textarea__inner" style="min-height: 31px;"></textarea>
                                    </div>
                                    <div data-v-2c1fae5c="">
                                        <div class="el-row el-row--flex" style="margin-bottom: 6px;">
                                            <div class="label">后 注</div>
                                            <div class="el-textarea el-input--small" style="width: 157px;">
                                                <textarea autocomplete="off" rows="2" placeholder="请输入内容" class="el-textarea__inner" style="min-height: 31px;"></textarea>
                                            </div>
                                            <div class="label" style="width: 50px;">纲 注</div>
                                            <div class="w110 el-textarea el-input--small">
                                                <textarea autocomplete="off" rows="2" placeholder="请输入内容" class="el-textarea__inner" style="min-height: 31px;"></textarea>
                                            </div>
                                        </div>
                                        <div class="el-row el-row--flex">
                                            <div class="label">后 传</div>
                                            <div class="w330 el-textarea el-input--small">
                                                <textarea autocomplete="off" rows="2" placeholder="请输入内容" class="el-textarea__inner" style="min-height: 31px;"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="setting-item-row">
                                    <div class="label">行 传</div>
                                    <div class="txt-box">1，生子www</div>
                                </div>
                                <div class="table" style="height: auto;">
                                    <div class="toggle">
                                        收起
                                        <i class="arrow el-icon-arrow-up"></i>
                                    </div>
                                    <div class="el-table table-children el-table--fit el-table--enable-row-hover el-table--enable-row-transition el-table--small" style="width: 100%;">
                                        <div class="hidden-columns">
                                            <div data-v-2c1fae5c=""></div>
                                            <div data-v-2c1fae5c=""></div>
                                            <div data-v-2c1fae5c=""></div>
                                            <div data-v-2c1fae5c=""></div>
                                            <div data-v-2c1fae5c=""></div>
                                            <div data-v-2c1fae5c=""></div>
                                        </div>
                                        <div class="el-table__header-wrapper">
                                            <table cellspacing="0" cellpadding="0" border="0" class="el-table__header" style="width: 785px;">
                                                <colgroup>
                                                    <col name="el-table_3_column_15" width="142">
                                                    <col name="el-table_3_column_16" width="94">
                                                    <col name="el-table_3_column_17" width="94">
                                                    <col name="el-table_3_column_18" width="94">
                                                    <col name="el-table_3_column_19" width="141">
                                                    <col name="el-table_3_column_20" width="220">
                                                    <col name="gutter" width="0">
                                                </colgroup>
                                                <thead class="has-gutter">
                                                    <tr class="">
                                                        <th colspan="1" rowspan="1" class="el-table_3_column_15  is-center   is-leaf">
                                                            <div class="cell">谱名</div>
                                                        </th>
                                                        <th colspan="1" rowspan="1" class="el-table_3_column_16  is-center   is-leaf">
                                                            <div class="cell">性别</div>
                                                        </th>
                                                        <th colspan="1" rowspan="1" class="el-table_3_column_17  is-center   is-leaf">
                                                            <div class="cell">关系</div>
                                                        </th>
                                                        <th colspan="1" rowspan="1" class="el-table_3_column_18  is-center   is-leaf">
                                                            <div class="cell">排行</div>
                                                        </th>
                                                        <th colspan="1" rowspan="1" class="el-table_3_column_19  is-center   is-leaf">
                                                            <div class="cell">父母</div>
                                                        </th>
                                                        <th colspan="1" rowspan="1" class="el-table_3_column_20  is-left   is-leaf">
                                                            <div class="cell">操作</div>
                                                        </th>
                                                        <th class="gutter" style="width: 0px; display: none;"></th>
                                                    </tr>
                                                </thead>
                                            </table>
                                        </div>
                                        <div class="el-table__body-wrapper is-scrolling-none">
                                            <table cellspacing="0" cellpadding="0" border="0" class="el-table__body" style="width: 785px;">
                                                <colgroup>
                                                    <col name="el-table_3_column_15" width="142">
                                                    <col name="el-table_3_column_16" width="94">
                                                    <col name="el-table_3_column_17" width="94">
                                                    <col name="el-table_3_column_18" width="94">
                                                    <col name="el-table_3_column_19" width="141">
                                                    <col name="el-table_3_column_20" width="220">
                                                </colgroup>
                                                <tbody>
                                                    <tr class="el-table__row">
                                                        <td rowspan="1" colspan="1" class="el-table_3_column_15 is-center ">
                                                            <div class="cell">www</div>
                                                        </td>
                                                        <td rowspan="1" colspan="1" class="el-table_3_column_16 is-center ">
                                                            <div class="cell">男</div>
                                                        </td>
                                                        <td rowspan="1" colspan="1" class="el-table_3_column_17 is-center ">
                                                            <div class="cell">生</div>
                                                        </td>
                                                        <td rowspan="1" colspan="1" class="el-table_3_column_18 is-center ">
                                                            <div class="cell">长子</div>
                                                        </td>
                                                        <td rowspan="1" colspan="1" class="el-table_3_column_19 is-center ">
                                                            <div class="cell">1&amp;</div>
                                                        </td>
                                                        <td rowspan="1" colspan="1" class="el-table_3_column_20 is-left ">
                                                            <div class="cell">
                                                                <a plain="" class="m-l-r-5 el-link el-link--default is-disabled">

                                                                    <span class="el-link--inner">上移</span>
                                                                </a>
                                                                <a class="m-l-r-5 el-link el-link--default is-disabled">

                                                                    <span class="el-link--inner">下移</span>
                                                                </a>

                                                            </div>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>

                                        </div>




                                        <div class="el-table__column-resize-proxy" style="display: none;"></div>
                                    </div>
                                </div>
                            </div>


                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="el-dialog" v-if="ShowCateEdit" style="position:fixed;top:15vh;left:50%;margin-left:-25%">
            <div class="el-dialog__header" style="border-bottom:1px solid #f0f0f0">
                <span class="el-dialog__title">创建谱系</span>
                <button type="button" class="el-dialog__headerbtn" @click.stop="ShowCateEdit=false"><i class="iconfont icon-guanbi" style="font-size:18px"></i></button>
            </div>
            <div class="el-dialog__body">
                <form class="el-form">
                    <div class="el-form-item is-required el-form-item--small">
                        <label for="name" class="el-form-item__label" style="width: 100px;">谱系名称</label>
                        <div class="el-form-item__content" style="margin-left: 100px;">
                            <div class="el-input el-input--small">
                                <input type="text" autocomplete="off" class="el-input__inner" name="TB_Name" id="TB_Name" />
                            </div>

                        </div>
                    </div>

                    <div class="el-form-item is-required el-form-item--small">
                        <label for="firstName" class="el-form-item__label" style="width: 100px;">姓氏</label>
                        <div class="el-form-item__content" style="margin-left: 100px;">
                            <div class="el-input el-input--small">

                                <input type="text" autocomplete="off" class="el-input__inner" name="TB_XingShi" id="TB_XingShi" />
                            </div>

                        </div>
                    </div>
                    <div class="el-form-item is-required el-form-item--small">
                        <label for="ancestor" class="el-form-item__label" style="width: 100px;">开基祖</label>
                        <div class="el-form-item__content" style="margin-left: 100px;">
                            <div class="el-input el-input--small">

                                <input type="text" autocomplete="off" class="el-input__inner" name="TB_PeopleName" id="TB_PeopleName" />
                            </div>

                        </div>
                    </div>
                    <div class="el-form-item el-form-item--small">
                        <label for="generation" class="el-form-item__label" style="width: 100px;">编修日期</label>
                        <div class="el-form-item__content" style="margin-left: 100px;">
                            <div class="el-input el-input--small">

                                <input type="text" autocomplete="off" placeholder="编修日期" class="el-input__inner" name="TB_Remark" id="TB_Remark" />
                            </div>

                        </div>
                    </div>
                    <div class="el-form-item el-form-item--small">
                        <label for="hall" class="el-form-item__label" style="width: 100px;">堂号</label>
                        <div class="el-form-item__content" style="margin-left: 100px;">
                            <div class="el-input el-input--small">

                                <input type="text" autocomplete="off" class="el-input__inner" name="TB_TangHao" id="TB_TangHao" />
                            </div>

                        </div>
                    </div>
                    <div class="el-form-item is-required el-form-item--small">
                        <label for="city" class="el-form-item__label" style="width: 100px;">所属地区</label>
                        <div class="el-form-item__content" style="margin-left: 100px;">

                            <div class="el-input el-input--small">
                                <input type="text" autocomplete="off" name="TB_Addr" id="TB_Addr" class="el-input__inner" />

                            </div>

                        </div>
                    </div>
                    <div class="el-form-item el-form-item--small">
                        <label for="intro" class="el-form-item__label" style="width: 100px;">家谱简介</label>
                        <div class="el-form-item__content" style="margin-left: 100px;">
                            <div class="el-textarea el-input--small">
                                <textarea autocomplete="off" name="TB_Remark" id="TB_Remark" class="el-textarea__inner" style="min-height: 31px;"></textarea>
                            </div>

                        </div>
                    </div>
                </form>
            </div>
            <div class="el-dialog__footer">
                <div class="dialog-footer">
                    <button type="button" class="el-button el-button--default el-button--small" @click.stop="ShowCateEdit=false">

                        <span>取 消</span>
                    </button>
                    <button type="button" class="el-button el-button--primary el-button--small" @click.stop="ShowCateEdit=false,savePx()">

                        <span>确 定</span>
                    </button>
                </div>
            </div>
        </div>

    </div>
    <script type="text/x-template" id="item-template">
        <div>
            <div class="item">
                <div class="line-left"></div>
                <div class="switch" :class="isOpen?'h-icon-jianhao1':'h-icon-jiahao1'" v-if="isFolder" @click="toggle" @dblclick="makeFolder"></div>
                <div id="tree-input-637701494493288089" class="name">
                    <i title="点击可切换过世状态" class="icon h-icon-nanxing"></i>
                    <div class="text" v-if="item.name=='子女'">
                        <input value="" />                       
                    </div>
                    <div class="text" v-if="item.name!='子女'">                      
                        <button id="name-637701494493288089" class="btn-name"><span>{{ item.name }}</span></button>

                    </div>
                </div>
                <span>[始祖]</span>
                <span>[世]</span>

                <div class="name" v-for="(wife, index) in item.wife"  v-if="isWife">
                    <i class="icon h-icon-nvxing"></i>
                    <div class="text">
                        {{wife.name}}
                    </div>
                </div>
               

                <div class="name"  @click="$emit('add-wife', item)">
                    <i class="icon h-icon-nvxing"></i>
                    <div class="text more-wife">
                        +添加配偶
                    </div>
                </div>
            </div>
            <div v-show="isOpen" v-if="isFolder" class="children">
                <div class="">
                    <div class="node expand">
                        <tree-item 
                                   v-for="(child, index) in item.children"
                                   :key="index"
                                   :item="child"
                                   @make-folder="$emit('make-folder', $event)"
                                   @add-item="$emit('add-item', $event)"></tree-item>                     
                    </div>
                </div>
            </div>
            <div class="more-child" v-if="isOpenChild"  @click="$emit('add-item', item)">
                <i class="icon h-icon-nanxing"></i>
                <div class="text">
                    添加孩子
                </div>
            </div>
          
        </div>
    </script>
    <script src="TreeView.js"></script>

</body>
</html>